<template>
  <!-- 顶部导航栏 -->
  <div class="top-nav">
    <el-menu :default-active="$route.path" router mode="horizontal" class="el-menu-demo">
      <el-menu-item
        :index="item.path"
        v-for="(item, index) in tabitem"
        :key="index">
        {{ item.name }}
      </el-menu-item>
    </el-menu>
  </div>
</template>
<script>
export default {
  name: "",
  props: ["tabitem"],
  data() {
    return {};
  },
  methods: {},
  created() {},
};
</script>
<style lang="less" scoped>
.top-nav {
    display: flex;
    width: 100%;
    justify-content: center;
}
</style>